<style media="screen">
  .w-140 {
    width: 140px;
  }
  .yxProject {
    width: 310px;
  }
  .yx-share-mark {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
  }
  .yx-container {
    width: 800px;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
  }
  .yx-title {
    text-align: center;
    line-height: 50px;
    height: 50px;
  }
  .building {
    width: 235px;
  }
  .floor {
    width: 105px;
  }
  .yx-bg-f9f9f9 {
    background-color: #f9f9f9;
  }
  .yx-content {
    padding: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    height: 300px;
    overflow-y: scroll;
  }
  .green-block {
    position: relative;
    float: left;
    min-width: 80px;
    max-width: 190px;
    height: 34px;
    line-height: 34px;
    margin-right: 7px;
    margin-bottom: 10px;
    padding-left: 7px;
    padding-right: 24px;
    border-radius: 4px;
    background-color: #44b549;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .choice {
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 14px;
    border-radius: 50%;
    color: #fff;
    line-height: 18px;
    text-align: center;
  }
  .yx-close {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #999;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    cursor: pointer;
  }
  .dy-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .yx-mark-1 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .yx-container-1 {
    width: 650px;
    background-color: #f9f9f9;
    position: relative;
    overflow: hidden;
  }
  .yx-title {
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
  }
  .yx-close {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
  }
  .yx-content-1 {
    padding: 30px 0;
  }
  .yx-error {
    text-align: center;
    font-size: 28px;
    color: #fe584c;
    margin-bottom: 18px;
  }
  p {
    line-height: 28px;
  }
  .yx-button {
    background-color: #fff;
    padding: 8px 0;
    text-align: center;
  }
  .yx-rent {
    text-align: center;
    font-size: 12px;
  }
  .yx-rent p {
    line-height: 24px;
  }
  .yx-info p {
    font-size: 12px;
    line-height: 24px;
    margin-left: 210px;
  }
  .yx-info p span {
    margin-right: 20px;
  }
  .yx-li {
    margin: 0 132px;
    color: #666;
    line-height: 34px;
    overflow: hidden;
    margin-bottom: 8px;
  }
  .yx-li span {
    float: left;
    margin-right: 15px;
  }
  .yx-li textarea {
    width: 300px;
  }
  .calendar_container{
    width: 180px;
  }
  .loadprogress {
    position: fixed;
    z-index: 999999;
    left: 0;
    bottom: 0;
    height: 20px;
    width: 500px;
    font-size: 12px;
    text-indent: 3px;
    line-height: 20px;
  }
  .fileList {
    display: flex;
    flex-wrap: wrap;
  }
</style>

<section id="yxCreate">
  <div class="ml-24 mr-24">
    <div class="font-16 line-height-56 border-b color-666">新增意向书</div>
    <div class="font-14 color-gray mt-10"><span style="color: white;">*</span>意向信息</div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-2"><span style="color: white;">*</span>意向类型:</div>
      <div class="dy-fx-13">
        <ul class="cr-type-select clearfix">
          <li :class="{active: yxState.active == item.code}" v-for="(item, index) in yxState.list" :key="index" @click="setYxState(item.code)">{{item.name}}</li>
        </ul>
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-2"><span style="color: white;">*</span>意向<span v-if="yxState.active == 'ER'">面积</span><span v-if="yxState.active == 'WR'">工位</span>:</div>
      <div class="dy-fx-13">
        <input type="text" class="form-control w-140 inline" v-model="acreage" />
        <span v-if="yxState.active == 'ER'">㎡</span>
        <span v-if="yxState.active == 'WR'">个</span>
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-2"><span style="color: white;">*</span>意向车位:</div>
      <div class="dy-fx-13">
        <input type="text" class="form-control w-140 inline" v-model="stcount" />
        <span>个</span>
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-2"><span style="color: white;">*</span>意向项目:</div>
      <div class="dy-fx-13 clearfix">
        <div class="select-ul yxProject pull-left">
          <span class="select-name br-4 box-i-shadow" ref="yxProject">请选择</span>
          <ul>
            <li v-for="(item, index) in projectList" @click="getProjectParams(item)">{{item.projectName}}</li>
          </ul>
        </div>

        <div class="pull-left ml-10">
          <hl-button icon="icon-Org-account" type="primary" @on-click="changeProjectFlag" v-if="yxState.active == 'ER'">意向单元</hl-button>
          <hl-button icon="icon-Org-account" type="primary" @on-click="changeWpFlag" v-if="yxState.active == 'WR'">意向工位</hl-button>
          <hl-button icon="icon-Org-account" type="primary" @on-click="changeStFlag">意向车位</hl-button>
        </div>
      </div>
    </div>
    <!-- 意向单元 -->
    <div style="marginTop:30px;" v-if="queryUnitParams.list.length">
      <div class="mb-10"><span style="color: white;">*</span>意向单元:</div>
      <div class="dy-flex gradient-color line-height-40 text-center border">
        <div class="dy-fx-2">楼宇</div>
        <div class="dy-fx-2">楼层</div>
        <div class="dy-fx-2">单元</div>
        <div class="dy-fx-1">操作</div>
      </div>
      <div class="dy-flex line-height-40 text-center border-b border-l" v-for="(item, index) in queryUnitParams.list" :key="index">
        <div class="dy-fx-2 border-r">{{item.buildingName}}</div>
        <div class="dy-fx-2 border-r">{{item.floor}}</div>
        <div class="dy-fx-2 border-r">{{item.unitName}}</div>
        <div class="dy-fx-1 border-r text-center">
          <span class="icon-Gm-delete-2 color-999 cursor" @click="deleteUnit(index)"></span>
        </div>
      </div>
    </div>
    <!-- 工位 -->
    <div style="marginTop:30px;" v-if="queryWpParams.list.length">
      <div class="mb-10"><span style="color: white;">*</span>意向工位:</div>
      <div class="dy-flex gradient-color line-height-40 text-center border">
        <div class="dy-fx-2">楼宇</div>
        <div class="dy-fx-2">楼层</div>
        <div class="dy-fx-2">单元</div>
        <div class="dy-fx-2">工位数</div>
        <div class="dy-fx-4">工位清单</div>
      </div>
      <div class="dy-flex line-height-40 text-center border-b border-l" v-for="(item, index) in queryWpParams.list" :key="index">
        <div class="dy-fx-2 border-r dy-center">{{item.buildingName}}</div>
        <div class="dy-fx-2 border-r dy-center">{{item.floor}}</div>
        <div class="dy-fx-2 border-r dy-center">{{item.unitName}}</div>
        <div class="dy-fx-2 border-r dy-center">{{item.children.length}}</div>
        <div class="dy-fx-4 border-r text-left">
          <span v-for="(item1, index1) in item.children" :key="index1" class="ml-10 inline">
            {{item1.positionName}}
            <span class="icon-Gm-delete-2 color-999 cursor" @click="deleteWp(index, index1, item1.positionId)"></span>
          </span>
        </div>
      </div>
    </div>
    <!-- 车位 -->
    <div style="marginTop:30px;" v-if="queryStParams.list.length">
      <div class="mb-10"><span style="color: white;">*</span>意向车位:</div>
      <div class="dy-flex gradient-color line-height-40 text-center border">
        <div class="dy-fx-2">楼宇</div>
        <div class="dy-fx-2">楼层</div>
        <div class="dy-fx-2">单元</div>
        <div class="dy-fx-2">车位数</div>
        <div class="dy-fx-4">车位清单</div>
      </div>
      <div class="dy-flex line-height-40 text-center border-b border-l" v-for="(item, index) in queryStParams.list" :key="index">
        <div class="dy-fx-2 border-r dy-center">{{item.buildingName}}</div>
        <div class="dy-fx-2 border-r dy-center">{{item.floor}}</div>
        <div class="dy-fx-2 border-r dy-center">{{item.unitName}}</div>
        <div class="dy-fx-2 border-r dy-center">{{item.children.length}}</div>
        <div class="dy-fx-4 border-r text-left">
          <span v-for="(item1, index1) in item.children" :key="index1" class="ml-10 inline">
            {{item1.positionName}}
            <span class="icon-Gm-delete-2 color-999 cursor" @click="deleteSt(index, index1, item1.positionId)"></span>
          </span>
        </div>
      </div>
    </div>
    <div class="dy-flex line-height-34" style="marginTop: 30px;">
      <div class="dy-fx-2"><span style="color: white;">*</span>意向租赁期限:</div>
      <div class="dy-fx-13 dy-flex" style="align-items: center">
        <div class="calendar_container">
          <web-calendar type="primary" v-model="beginTime" :afterdate="endTime" tips="起始日期"></web-calendar>
        </div>
        <span style="margin:0 10px">-</span>
        <div class="calendar_container">
          <web-calendar type="primary" v-model="endTime" :beforedate="beginTime" tips="截止时间"></web-calendar>
        </div>
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-2"><span style="color: white;">*</span>意向金金额:</div>
      <div class="dy-fx-13">
        <input type="text" class="form-control w-140 inline" v-model="yxamount" @blur="blur" /> 元
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-2"><span style="color: white;">*</span>可抵扣金额:</div>
      <div class="dy-fx-13">
        <input type="text" class="form-control w-140 inline" v-model="dkamount" @blur="blurdkamount" /> 元 <span class="font-12 color-gray">（默认与意向金金额相同）</span>
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-2"><span style="color: white;">*</span>最晚缴纳时间:</div>
      <div class="dy-fx-13">
        <div class="calendar_container">
          <web-calendar type="primary" v-model="lastTime"  tips="截止时间"></web-calendar>
        </div>
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-2"><span style="color: white;">*</span>备注:</div>
      <div class="dy-fx-13">
        <textarea class="form-control" rows="5" v-model="memo"></textarea>
      </div>
    </div>
    <div style="marginTop: 30px;">
      <div class="color-gray">乙方</div>
      <div class="dy-flex line-height-34">
        <div class="dy-fx-2"><span class="required">*</span>租赁方:</div>
        <div class="dy-fx-13">
          <ul class="cr-type-select clearfix">
            <li :class="{active: yxzlfState.active == item.code}" v-for="(item, index) in yxzlfState.list" :key="index" @click="setYxzlfState(item.code)">{{item.name}}</li>
          </ul>
        </div>
      </div>
      <div class="dy-flex mt-10 line-height-34">
        <div class="dy-fx-2 color-666"><span class="required">*</span>客户名称:</div>
        <div class="dy-fx-5 relative">
          <input type="text" class="form-control" v-model="customer" autocomplete="off"  @input="inputCname" />
          <ul class="append-temp absolute bg-fff border z-998 line-height-34" style="left:15px; top:35px; max-height:200px; overflow-y:scroll; width: 88%; text-indent:0.8em;" v-if="customersFlag">
            <li v-for="item in customers" @click="setClickCname(item.name)">{{item.name}}</li>
          </ul>
        </div>
        <div class="dy-fx-1"></div>
        <div class="dy-fx-2 color-666"><span style="color: white;">*</span>所属行业:</div>
        <div class="dy-fx-5">
          <div class="select-ul">
            <span class="select-name br-4 box-i-shadow" ref="industry">请选择</span>
            <ul>
              <li v-for="item in industryList" @click="industryAct = item.dictCode">{{item.dictName}}</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="dy-flex mt-10 line-height-34">
        <div class="dy-fx-2 color-666"><span v-if="yxzlfState.active == 'QY'">纳税人识别号</span><span v-if="yxzlfState.active == 'PE'">身份证号</span>:</div>
        <div class="dy-fx-5">
          <input type="text" class="form-control" v-model="idcode" />
        </div>
        <div class="dy-fx-1"></div>
        <div class="dy-fx-2 color-666"><span style="color: white;">*</span><span v-if="yxzlfState.active == 'QY'">公司</span><span v-if="yxzlfState.active == 'PE'">个人</span></span>邮箱:</div>
        <div class="dy-fx-5">
          <input type="text" class="form-control" v-model="email" />
        </div>
      </div>
      <div class="dy-flex pt-10 line-height-34">
        <div class="dy-fx-2 color-666"><span style="color: white;">*</span>法人:</div>
        <div class="dy-fx-5 clearfix">
          <input type="text" class="form-control pull-left mr-10" style="width: 78px;" v-model="lsperson">
          <input type="text" placeholder="联系电话" class="form-control pull-left" style="width: 230px;" v-model="lsphone">
        </div>
        <div class="dy-fx-1"></div>
        <div class="dy-fx-2 color-666"><span class="required">*</span>联系人:</div>
        <div class="dy-fx-5 clearfix text-left">
          <input type="text" class="form-control pull-left mr-10" style="width: 78px;" v-model="lgperson">
          <input type="text" placeholder="联系电话" class="form-control pull-left" style="width: 230px;" v-model="lgphone">
        </div>
      </div>
			<div class="dy-flex line-height-34 mt-10">
			  <div class="dy-fx-2"><span class="required">*</span>通讯地址:</div>
			  <div class="dy-fx-13">
			    <input type="text" class="form-control" v-model="address"/>
			  </div>
			</div>
      <div class="dy-flex mt-10 line-height-34">
        <div class="dy-fx-2 color-666"><span class="required">*</span>渠道分类:</div>
        <div class="dy-fx-5">
          <div class="select-ul">
            <span class="select-name br-4 box-i-shadow" ref="channelType">请选择</span>
            <ul>
              <li v-for="item in channelType" @click="setchanner(item.dictCode)">{{item.dictName}}</li>
            </ul>
          </div>
        </div>

        <div class="dy-fx-1"></div>
        <div class="dy-fx-2 color-666"><span style="color:#fff;">*</span>渠道名称:</div>
        <div class="dy-fx-5">
          <hl-select width="100%" :data="channerName" v-model="channerNameCode" type="primary" @on-change="handleChannelNameChange"></hl-select>
        </div>
      </div>

      <div class="dy-flex line-height-34 mt-10">
        <div class="dy-fx-2"><span style="color: #fff;">*</span>附件上传:</div>
        <div class="dy-fx-13">
          <hl-button @on-click="uploadFile">上传文件</hl-button>
        </div>
      </div>
      <ul class="fileList mt-15">
        <li v-for="(item,index) in fileList" style="margin:0 80px 10px 0">
          <span class="icon-Nav-contract-file"></span>
          <span class="fileName">{{item.name}}</span>
          <span class="icon-Gm-delete-2" @click="delFileItem(index)"></span>
        </li>
      </ul>

      <div class="clearfix pb-10 border-t" style="marginTop: 30px;paddingTop:15px;">
        <hl-button type="primary" @on-click="saveYxData('CF')">保存意向书</hl-button>
        <hl-button type="outline" @on-click="saveYxData('CG')">保存草稿</hl-button>
      </div>
    </div>
  </div>

  <!-- 添加意向单元 -->
  <section>
    <div class="yx-share-mark" v-show="projectParams.flag">
      <div class="yx-container br-4">
        <div class="yx-title">添加单元</div>
        <div class="yx-close icon-Gm-close" @click="changeProjectFlag"></div>
        <div class="yx-bg-f9f9f9">
          <div class="clearfix ml-10 line-height-34 pt-10">
            <div class="pull-left">选择楼宇:</div>
            <div class="pull-left ml-10">
              <div class="select-ul building pull-left">
                <span class="select-name br-4 box-i-shadow" ref="building">请选择</span>
                <ul>
                  <li v-for="(item, index) in buildingList" @click="getBuildingParams(item)">{{item.name}}</li>
                </ul>
              </div>
            </div>
            <div class="pull-left ml-10">选择楼层:</div>
            <div class="pull-left ml-10">
              <div class="select-ul floor pull-left">
                <span class="select-name br-4 box-i-shadow" ref="floor">请选择</span>
                <ul>
                  <li v-for="(item, index) in floorList" @click="getFloorParams(item)">{{item.floorName}}</li>
                </ul>
              </div>
            </div>
            <div class="pull-left ml-10">
              <hl-button size="mini">查询</hl-button>
            </div>
          </div>
          <div class="yx-content clearfix">
            <div class="pull-left line-height-34" style="width: 62px;">单元</div>
            <div class="pull-left" style="width: 701px;">
              <div :class="['green-block',{yz_status:item.rentState === 'IR',yd_status:item.rentState === 'YD',ip_status:item.rentState === 'IP',du_status:item.rentState === 'DU',zy_status:item.rentState === 'ZY',kz_status:item.rentState === 'VA'}]" v-for="(item, index) in unitList" :key="index" @click="selectedUnit(item)" >
                {{item.unitName}}
                <div class="icon-Nav-contract-choice" :class="{choice: unitIds.indexOf(item.unitId) > -1, hide: !(unitIds.indexOf(item.unitId) > -1)}"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="yx-button text-center ptb-10">
          <hl-button type="primary" @on-click="queryUnit">确认添加</hl-button>
        </div>
      </div>
    </div>
  </section>
  <!-- 添加意向工位 -->
  <section>
    <div class="yx-share-mark" v-show="wpflag">
      <div class="yx-container br-4">
        <div class="yx-title">添加单元</div>
        <div class="yx-close icon-Gm-close" @click="changeWpFlag"></div>
        <div class="yx-bg-f9f9f9">
          <div class="clearfix ml-10 line-height-34 pt-10">
            <div class="pull-left">选择楼宇:</div>
            <div class="pull-left ml-10">
              <div class="select-ul floor pull-left">
                <span class="select-name br-4 box-i-shadow" ref="building1">请选择</span>
                <ul>
                  <li v-for="(item, index) in buildingList" @click="getBuildingParams(item)">{{item.name}}</li>
                </ul>
              </div>
            </div>
            <div class="pull-left ml-10">选择楼层:</div>
            <div class="pull-left ml-10">
              <div class="select-ul floor pull-left">
                <span class="select-name br-4 box-i-shadow" ref="floor1">请选择</span>
                <ul>
                  <li v-for="(item, index) in floorList" @click="getFloorParams(item)">{{item.floorName}}</li>
                </ul>
              </div>
            </div>
            <div class="pull-left ml-10">选择单元:</div>
            <div class="pull-left ml-10">
              <div class="select-ul floor pull-left">
                <span class="select-name br-4 box-i-shadow" ref="unit">请选择</span>
                <ul>
                  <li v-for="(item, index) in unitList" @click="getunitParams(item)">{{item.unitName}}</li>
                </ul>
              </div>
            </div>
            <div class="pull-left ml-10">
              <hl-button size="mini">查询</hl-button>
            </div>
          </div>
          <div class="yx-content clearfix">
            <div class="pull-left line-height-34" style="width: 62px;">单元</div>
            <div class="pull-left" style="width: 701px;">
              <div class="green-block" v-for="(item, index) in positinList" :key="index" @click="selectWpPosition(item)">
                {{item.positionName}}
                <div class="icon-Nav-contract-choice" :class="{choice: wpIds.indexOf(item.positionId) > -1, hide: !(wpIds.indexOf(item.positionId) > -1)}"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="yx-button text-center ptb-10">
          <hl-button type="primary" @on-click="queryWp">确认添加</hl-button>
        </div>
      </div>
    </div>
  </section>
  <!-- 添加意向车位 -->
  <section>
    <div class="yx-share-mark" v-show="stflag">
      <div class="yx-container br-4">
        <div class="yx-title">添加车位</div>
        <div class="yx-close icon-Gm-close" @click="changeStFlag"></div>
        <div class="yx-bg-f9f9f9">
          <div class="clearfix ml-10 line-height-34 pt-10">
            <div class="pull-left">选择楼宇:</div>
            <div class="pull-left ml-10">
              <div class="select-ul floor pull-left">
                <span class="select-name br-4 box-i-shadow" ref="building2">请选择</span>
                <ul>
                  <li v-for="(item, index) in buildingList" @click="getBuildingParams(item)">{{item.name}}</li>
                </ul>
              </div>
            </div>
            <div class="pull-left ml-10">选择楼层:</div>
            <div class="pull-left ml-10">
              <div class="select-ul floor pull-left">
                <span class="select-name br-4 box-i-shadow" ref="floor2">请选择</span>
                <ul>
                  <li v-for="(item, index) in floorList" @click="getFloorParams(item)">{{item.floorName}}</li>
                </ul>
              </div>
            </div>
            <div class="pull-left ml-10">选择单元:</div>
            <div class="pull-left ml-10">
              <div class="select-ul floor pull-left">
                <span class="select-name br-4 box-i-shadow" ref="unit1">请选择</span>
                <ul>
                  <li v-for="(item, index) in unitList" @click="getunitParams(item)">{{item.unitName}}</li>
                </ul>
              </div>
            </div>
            <div class="pull-left ml-10">
              <hl-button size="mini">查询</hl-button>
            </div>
          </div>
          <div class="yx-content clearfix">
            <div class="pull-left line-height-34" style="width: 62px;">单元</div>
            <div class="pull-left" style="width: 701px;">
              <div class="green-block" v-for="(item, index) in positinList" :key="index" @click="selectStPosition(item)">
                {{item.positionName}}
                <div class="icon-Nav-contract-choice" :class="{choice: stIds.indexOf(item.positionId) > -1, hide: !(stIds.indexOf(item.positionId) > -1)}"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="yx-button text-center ptb-10">
          <hl-button type="primary" @on-click="querySt">确认添加</hl-button>
        </div>
      </div>
    </div>
  </section>

  <div class="yx-mark-1" v-if="stateflag">
    <div class="yx-container-1 br-4">
      <div class="yx-title">确认意向</div>
      <div class="yx-close icon-Gm-close" @click="hideYx"></div>
      <div class="yx-content-1">
        <div class="icon-Gm-delete-2 yx-error" v-if="state"></div>
        <p class="text-center" v-if="state == 1">无法确认意向</p>
        <p class="font-12 text-center" v-if="state == 1">信息不完整，请补全信息</p>
        <div class="yx-rent" v-if="state == 2">
          <p class="text-center">无法确认意向</p>
          <p class="color-primary left-p" v-if="errData.unit">单元 {{errData.unit}}</p>
          <p class="color-primary left-p" v-if="errData.position">工位 {{errData.position}}</p>
          <p class="color-primary left-p" v-if="errData.stop">车位 {{errData.stop}}</p>
          <p>以上资源已被出租或被其他意向预定</p>
        </div>
        <div class="yx-info" v-if="state == 0">
          <p><span class="color-999">客户名称：</span>{{data.zlfInfo.zlfName || '--'}}</p>
          <p><span class="color-999">意向时间：</span>{{data.intentStartDate | dateTimeYYmmDD}} 至 {{data.intentEndDate | dateTimeYYmmDD}}</p>
          <p><span class="color-999">意向金：</span>{{data.intentAmount || '0'}}元</p>
          <p><span class="color-999">收款截止时间：</span>{{data.intentPaymentDeadline | dateTimeYYmmDD}}</p>
        </div>
      </div>
      <div class="yx-button">
        <hl-button type="primary" @on-click="hideYx">确定</hl-button>
        <hl-button type="outline" @on-click="hideYx">取消</hl-button>
      </div>
    </div>
  </div>


  <div class="upload-file-button"></div>
  <div class="loadprogress" v-if="progress">正在上传({{progress}})...</div>
</section>


<script src="modules/contract/scripts/yxCreate.js" charset="utf-8"></script>
